<template>
<div>
    <p>count的值是:{{number}}</p>
    <button @click="add">+1</button>
</div>
</template>

<script>
export default{
    name:'MyCounter',
    // 用于接受父组件传过来的参数
    props:['number'],
    // 通过这个自定义事件，同步props:['number']的值
    emits:['update:number'],
    methods: {
        add(){
            // 触发这个事件，所传递的新值就会自动被更新到父组件里面，父组件里面的v-model进行更新
            this.$emit('update:number',this.number+1);
            console.log(this.number+1)
        }
    },
}
</script>

<style></style>